<template>
  <div>
    <h1>个人中心</h1>
    <div class="date calendar">
      <el-calendar v-model="value"> </el-calendar>
    </div>
  </div>
</template>
<style scoped lang="less">

.calendar /deep/ .el-calendar-day {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.calendar /deep/ .el-calendar-table thead th {
  padding-top: 0;
  padding-bottom: 0;
}
.calendar /deep/ .el-calendar__header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.calendar /deep/ .el-calendar__body {
  padding-top: 10px;
  padding-bottom: 10px;
}
// /deep/.date {
//   height: 500px;
// }
// /deep/ .el-calendar__body{
//   height: 300px !important;
// }
// .el-calendar ,
// .el-calendar__header,
// .el-calendar__body,
// .el-calendar table{
//   height: 100% ;
// }
// .el-calendar table td{
//   height:30px;
// }
</style>
<script>
export default {
  data() {
    return {
      value: new Date(),
    };
  },
};
</script>